/* banner */
.bannerpic{padding-bottom: 680px;}
.w1440{max-width: 1750px;}
.headbox .navbox{max-width: 900px;}

@media only screen and (max-width:1600px){
.headbox .navbox{max-width: 800px;}
}
@media only screen and (max-width:1440px){
.bannerpic{padding-bottom:46%;}
}

/* title */
.title{line-height: 1;color: #333;}
.title strong{font-size: 40px;padding-bottom: 12px;display: block;}
.title em{display: block;width: 100px;height: 2px;background: #333;}
.title p{width: 75%;color: #666;font-size: 16px;padding-top: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.title span{display: block;width: 10%;max-width: 150px;height: 50px;line-height: 50px;text-align: center;position: absolute;right: 0;top: 50%;margin-top: -25px;z-index: 5;}
.title a{display: block;width: 100%;height: 100%;font-size: 15px;color: #666;text-transform: uppercase;border: 1px solid #aaa;}
.title a:hover{color: #fff;border-color: #005fb3;background: #005fb3;}

.title_white,
.title_white p{color: #fff;}
.title_white em{background: rgba(255,255,255,.75);}
.title_white a{color: #fff;border-color: rgba(255,255,255,.5);background: #005fb3;}
.title_white a:hover{border-color: #fa0;background: #fa0;}

@media only screen and (max-width:1440px){
.title span{width: 12%;}
}
@media only screen and (max-width:1250px){
.title strong{font-size: 36px;padding-bottom: 14px;}
.title p{font-size: 15px;}
.title span{width: 15%;}
}
@media only screen and (max-width:1024px){
.title{text-align: center;}
.title strong{font-size: 30px;padding: 0;line-height: 30px;}
.title em{display: none;}
.title p{width: 100%;white-space: normal;padding: 15px 5% 0;line-height: 30px;}
.title span{width: 100%;max-width: 100%;height: 30px;top: 0;margin: 0;}
.title span a{height: 30px;margin: 0 auto;background: none;width: 200px;padding: 0;border: 0;opacity: 0;}
}
@media only screen and (max-width:768px){
.title strong{font-size: 24px;}
.title p{line-height: 24px;font-size: 14px;}
}
@media only screen and (max-width:480px){
.title p{padding: 15px 0 0;}
}

/* company */
.companybox{padding: 60px 0 75px;}
.companybox .list{width: 100%;position: relative;padding-top: 40px;}
.companybox .list ul{margin: 0 -10px;}
.companybox .list ul li{width: 50%;float: left;position: relative;overflow: hidden;text-align: center;padding: 0 10px;}
.companybox .list ul li div{width: 100%;height: 0;padding-bottom: 56.25%;position: relative;overflow: hidden;}
.companybox .list ul li div img{min-width: 100%;height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.companybox .list ul li div .videoed{min-width: auto;height: auto;}
.companybox .list ul li p{width: 100%;height: 100%;position: absolute;overflow: hidden;z-index: 1;}
.companybox .list ul li a{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,97,166,.2);z-index: 5;}
.companybox .list ul li em,
.companybox .list ul li span{display: block;width: 100%;position: absolute;left: 0;top: 53%;font-size: 20px;font-weight: 600;color: #fff;height: 50px;line-height: 50px;}
.companybox .list ul li em{margin-top: -50px;}
.companybox .list ul li em img{height: 100%;min-width: auto;}
.companybox .list ul li a:hover{background: rgba(0,97,166,.75);}

@media only screen and (max-width:1440px){
.companybox{padding: 60px 0;}
.companybox .list{padding-top: 35px;}
}
@media only screen and (max-width:1250px){
.companybox{padding: 50px 0;}
}
@media only screen and (max-width:1024px){
.companybox{padding: 45px 0;}
.companybox .list{padding-top: 25px;}
.companybox .list ul{margin: 0 -5px;}
.companybox .list ul li{padding: 0 5px;}
}
@media only screen and (max-width:768px){
.companybox{padding: 40px 0;}
}
@media only screen and (max-width:480px){
.companybox{padding: 40px 0 35px;}
.companybox .list ul{margin: 0 -2px;}
.companybox .list ul li{padding: 0 2px;}
}
@media only screen and (max-width:425px){
.companybox .list ul{margin: 0;}
.companybox .list ul li{width: 100%;padding: 0 0 5px;}
}

/* product */
.productbox{padding: 60px 0;background: #fafafa;}
.productbox .cont{width: 101%;padding-top: 40px;position: relative;display: flex;flex-wrap: nowrap;margin: 0 -.5%;}
.productbox .cont .titl{width: 25%;float: left;overflow: hidden;text-align: center;position: relative;flex-shrink: 0;padding: 5px .6%;}
.productbox .cont .titl a{width: 100%;padding: 4%;background: #fff;overflow: hidden;display: block;position: relative;border: 1px solid #ddd;}
.productbox .cont .titl p{width: 100%;overflow: hidden;padding: 5px 0;}
.productbox .cont .titl h2 *{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-style: normal;color: #808080;}
.productbox .cont .titl h2 span{font-size: 22px;color: #005fb3;padding-top: 10px;}
.productbox .cont .titl h2 em{padding: 5px 0 10px;}

.productbox .cont .list{width: 100%;padding: 10px 0 25px;float: left;display: none;min-height: 50px;}
.productbox .cont .list ul{width: calc(100% + 10px);margin: 0 -5px;overflow: hidden;}
.productbox .cont .list ul li{width: 33.33%;float: left;text-align: center;padding: 5px;}
.productbox .cont .list ul li a{display: block;padding: 3%;overflow: hidden;border: 1px solid #ddd;border-radius: 3px;background: #fff;}
.productbox .cont .list ul li p{overflow: hidden;}
.productbox .cont .list ul li h3{line-height: 30px;padding: 10px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.productbox .btn{width: 100%;padding-top: 40px;text-align: center;}
.productbox .btn span{display: inline-block;width: 20px;height: 20px;border-radius: 10px;background: #005fb3;margin: 0 10px;cursor: pointer;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;background-clip: content-box;padding: 2px;}
.productbox .btn span.on{background: #fa0;}

@media only screen and (max-width:1440px){
.productbox{padding: 55px 0 50px;}
.productbox .cont{padding-top: 35px;}
.productbox .btn{padding-top: 30px;}
}
@media only screen and (max-width:1250px){
.productbox{padding: 50px 0 45px;}
.productbox .cont{padding-top: 30px;}
.productbox .cont .titl p{padding: 0;}
.productbox .cont .titl h2 span{font-size: 21px;}
.productbox .btn{padding-top: 25px;}
}
@media only screen and (max-width:1024px){
.productbox{padding: 50px 0 20px;}
.productbox .cont{width: 100%;display: block;margin: 0;overflow: hidden;}
.productbox .cont .titl{width: 100%;padding: 0;background: #005fb3;border-radius: 3px;}
.productbox .cont .titl a{background: none;border: 0;padding: 10px;line-height: 30px;}
.productbox .cont .titl a::after{content: "\e703";width: 60px;height: 30px;position: absolute;right: 0;top: 50%;margin-top: -15px;font-size: 20px;color: #fff;}
.productbox .cont .titl p{display: none;}
.productbox .cont .titl h2 span{font-size: 21px;color: #fff;padding: 5px 10px;float: left;width: auto;}
.productbox .cont .titl h2 em{color: #fff;float: left;width: auto;line-height: 35px;padding: 5px 5px 0;}
.productbox .cont .list{display: block;}
}
@media only screen and (max-width:768px){
.productbox{padding: 40px 0 15px;}
.productbox .cont{padding-top: 25px;}
.productbox .cont .titl a{padding: 5px 10px;}
.productbox .cont .titl a::after{width: 50px;font-size: 16px;}
.productbox .cont .list{padding: 10px 0 20px;}
.productbox .cont .list ul{width: calc(100% + 6px);margin: 0 -3px;}
.productbox .cont .list ul li{padding: 3px;}
.productbox .cont .list ul li h3{padding: 5px 0;}
}
@media only screen and (max-width:480px){
.productbox{padding: 35px 0 15px;}
.productbox .cont .titl h2 span{font-size: 16px;font-weight: 600;}
.productbox .cont .titl h2 em{display: none;}
.productbox .cont .list ul li{width: 50%;}
}
@media only screen and (max-width:425px){
.productbox .cont .list ul li h3{padding: 0;}
}

/* solution */
.solutionbox{background: #005fb3;padding: 70px 0;}

.solutionbox .listbox{background: #fff;padding: 1%;margin-top: 45px;}
.solutionbox .list_tit{width: 100%;padding-bottom: 45px;display: flex;flex-wrap: nowrap;overflow: hidden;}
.solutionbox .list_tit p{width: 16.66%;float: left;flex-shrink: 0;text-align: center;position: relative;}
.solutionbox .list_tit p::after{content: "";width: 1px;height: 100%;position: absolute;left: 0;top: 0;background: #fff;z-index: 3;}
.solutionbox .list_tit p:first-child::after{content: none;}
.solutionbox .list_tit p a{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 21px;line-height: 30px;padding: 25px 5px;color: #fff;background: #999;position: relative;z-index: 2;}
.solutionbox .list_tit p em{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 5;cursor: grab;}
.solutionbox .list_tit p span{display: block;width: 100%;height: 20px;position: absolute;left: 0;bottom: 0;}
.solutionbox .list_tit p span svg{height: 20px;line-height: 20px;font-size: 20px;color: #005fb3;}
.solutionbox .list_tit p.active a{background: #005fb3;}
.solutionbox .list_tit p.active em{width: 0;}
.solutionbox .list_tit p.active span{bottom: -13px;}

.solutionbox .list_con .pic{width: 48%;max-width: 800px;overflow: hidden;float: left;background: #f7f7f7;}
.solutionbox .list_con .pic em,
.solutionbox .list_con .pic a{display: block;width: 100%;height: 0;padding-bottom: 600px;position: relative;}
.solutionbox .list_con .pic img{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.solutionbox .list_con .pic em img{max-width: 100%;max-height: 100%;}
.solutionbox .list_con .pic a img{height: 100%;min-width: 100%;}
.solutionbox .list_con .pic:hover a{-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}

.solutionbox .list_con .txt{width: 50%;float: right;overflow: hidden;padding-top: 25px;}
.solutionbox .list_con .txt .titl{width: 100%;padding: 0 4%;line-height: 1;overflow: hidden;position: relative;}
.solutionbox .list_con .txt .titl::after{content: "";width: 5px;height: 100%;position: absolute;left: 0;top: 0;background: #005fb3;}
.solutionbox .list_con .txt .titl p{font-size: 36px;font-weight: 600;}
.solutionbox .list_con .txt .titl p a{color: #005fb3;}
.solutionbox .list_con .txt .titl span{display: block;padding-top: 20px;font-size: 18px;color: #999;}

.solutionbox .list_con .txt .text{width: 100%;min-height: 320px;max-height: 360px;padding: 35px 4% 15px;overflow: hidden;line-height: 35px;font-size: 16px;color: #666;}
.solutionbox .list_con .txt .text br,
.solutionbox .list_con .txt .text table{display: none;}

.solutionbox .list_con .txt .more{width: 100%;padding: 35px 4% 0;text-align: center;text-transform: uppercase;line-height: 30px;overflow: hidden;}
.solutionbox .list_con .txt .more a{display: block;font-size: 15px;width: 180px;color: #fff;padding: 15px;background: #454545;float: left;}
.solutionbox .list_con .txt .more a:hover{background: #005fb3;}

@media only screen and (max-width:1440px){
.solutionbox{padding: 60px 0;}
.solutionbox .listbox{margin-top: 40px;}
.solutionbox .list_tit{padding-bottom: 35px;}
.solutionbox .list_tit p a{padding: 20px 5px;}
.solutionbox .list_con .pic em,
.solutionbox .list_con .pic a{padding-bottom: 500px;}
.solutionbox .list_con .txt{padding-top: 15px;}
.solutionbox .list_con .txt .titl span{padding-top: 15px;}
.solutionbox .list_con .txt .text{min-height: 280px;max-height: 330px;padding: 25px 4% 10px;line-height: 30px;font-size: 15px;}
.solutionbox .list_con .txt .more{padding-top: 20px;}
.solutionbox .list_con .txt .more a{font-size: 14px;padding: 10px;width: 150px;}
}
@media only screen and (max-width:1250px){
.solutionbox{padding: 50px 0;}
.solutionbox .listbox{margin-top: 35px;}
.solutionbox .list_tit p a{font-size: 16px;padding: 15px 5px;font-weight: 600;}
.solutionbox .list_con .pic em,
.solutionbox .list_con .pic a{padding-bottom: 420px;}
.solutionbox .list_con .txt .titl::after{width: 4px;}
.solutionbox .list_con .txt .titl p{font-size: 30px;}
.solutionbox .list_con .txt .titl span{padding-top: 10px;font-size: 16px;font-weight: 600;}
.solutionbox .list_con .txt .text{min-height: 240px;max-height: 270px;line-height: 27px;}
}
@media only screen and (max-width:1024px){
.solutionbox .listbox{margin-top: 30px;}
.solutionbox .list_tit{padding-bottom: 30px;}
.solutionbox .list_tit p a{font-size: 15px;padding: 12px 5px;}
.solutionbox .list_con .pic{width: 55%;}
.solutionbox .list_con .pic em,
.solutionbox .list_con .pic a{padding-bottom: 360px;}
.solutionbox .list_con .txt{width: 43%;padding-top: 5px;}
.solutionbox .list_con .txt .titl{padding: 0 5%;}
.solutionbox .list_con .txt .titl p{font-size: 24px;}
.solutionbox .list_con .txt .titl span{font-size: 15px;}
.solutionbox .list_con .txt .text{min-height:auto;max-height: none;height: 285px;padding: 20px 2% 10px 5%;font-size: 14px;line-height: 24px;}
.solutionbox .list_con .txt .more{display: none;}
}
@media only screen and (max-width:768px){
.solutionbox{padding: 45px 0;}
.solutionbox .listbox{margin-top: 25px;}
.solutionbox .list_tit{padding-bottom: 15px;display: block;}
.solutionbox .list_tit p{width: 33.33%;margin-bottom: 1px;}
.solutionbox .list_tit p a{font-size: 15px;padding: 12px 5px;}
.solutionbox .list_tit p span{display: none;}
.solutionbox .list_con{padding-bottom: 15px;}
.solutionbox .list_con .pic{width: 100%;}
.solutionbox .list_con .pic em,
.solutionbox .list_con .pic a{padding-bottom: 65%;}
.solutionbox .list_con .pic a img{width: 100%;height: auto;min-height: 100%;}
.solutionbox .list_con .txt{width: 100%;max-width: 100%;padding: 20px 2%;}
.solutionbox .list_con .txt .titl{padding: 0;}
.solutionbox .list_con .txt .titl::after{content: none;}
.solutionbox .list_con .txt .text{max-height: 210px;padding:15px 0 0;}
}

/* case */
.casebox{padding-bottom: 60px;background: #005fb3 url(../images/bg2.png) center bottom no-repeat;}

.casebox .list{padding: 45px 0 70px;}
.casebox .list ul li{width: 33.33%;padding: 1px;text-align: center;}
.casebox .list ul li > div{width: 100%;overflow: hidden;padding: 5%;background: #fff;border: 1px solid #ddd;border-radius: 5px;}
.casebox .list ul li p{width: 100%;overflow: hidden;}
.casebox .list ul li p img{max-width: none;max-height: none;height: 100%;min-width: 100%;}
.casebox .list ul li h3{font-size: 21px;line-height: 24px;padding-top: 25px;}
.casebox .list ul li:hover > div{color: #fff;background: #007ed9;border-color: #007ed9;}
.casebox .list ul li:hover p{box-shadow: 0 10px 20px rgba(0,0,0,.2);}

@media only screen and (max-width:1440px){
.casebox{padding-bottom: 50px;background-size: 100% 45%;}
.casebox .list{padding: 40px 0 60px;}
}
@media only screen and (max-width:1250px){
.casebox{padding-bottom: 40px;}
.casebox .list{padding: 35px 0 50px;}
.casebox .list ul li > div{padding: 3%;}
.casebox .list ul li h3{font-size: 16px;font-weight: 600;padding: 5% 0 1%;}
}
@media only screen and (max-width:1024px){
.casebox .list{padding-top: 30px;}
}
@media only screen and (max-width:768px){
.casebox{padding-bottom: 30px;}
.casebox .list{padding-top: 25px;}
.casebox .list ul li h3{font-size: 15px;}
}

/* process */
.processbox .w1440{background: #005fb3;color: #fff;padding: 60px 2%;border-radius: 5px;text-align: center;}
.processbox .titl{width: 100%;padding-top: 5px;}
.processbox .titl em,
.processbox .titl i{display: block;border: 2px solid #fff;margin: 0 auto;font-style: normal;border-radius: 5px;}
.processbox .titl p{position: relative;z-index: 2;}
.processbox .titl p em{font-size: 36px;letter-spacing: 2px;line-height: 70px;width: 8em;}
.processbox .titl p i{width: 10px;height: 10px;background: #005fb3;position: absolute;left: 50%;bottom: -4px;margin-left: -5px;}
.processbox .titl span{display: block;width: 100%;}
.processbox .titl span em{width: 2px;height: 50px;background: #fff;border: 0;}
.processbox .titl span i{width: 86%;height: 70px;margin-bottom: -10px;}

.processbox .list{width: 100%;}
.processbox .list li{float: left;width: 17.2%;position: relative;padding-right: 3.2%;position: relative;}
.processbox .list li.txt6{width: 14%;padding: 0;}

.processbox .list p{width: 100%;line-height: 1;overflow: hidden;}
.processbox .list i{display: block;padding: 30px;}
.processbox .list img{max-width: 100%;}
.processbox .list span{display: block;font-size: 22px;line-height: 30px;}
.processbox .list em{display: block;width: 20%;position: absolute;right: 0;top: 50%;margin-top: -40px;font-size: 30px;color: rgba(255,255,255,.75);}
.processbox .list em svg{height: 50px;line-height: 50px;}

@media only screen and (max-width:1250px){
.processbox .w1440{padding: 50px 2% 45px;}
.processbox .titl p em{font-size: 30px;line-height: 60px;}
.processbox .titl span em{height: 35px;}
.processbox .titl span i{height: 50px;}
.processbox .list i{padding: 25px;}
.processbox .list span{font-size: 21px;}
.processbox .list em{font-size: 24px;}
}
@media only screen and (max-width:1024px){
.processbox .w1440{padding: 40px 2% 35px;}
.processbox .titl span em{height: 30px;}
.processbox .titl span i{height: 40px;}
.processbox .list img{width:100%;max-width: 70px;}
.processbox .list i{padding: 15px;}
.processbox .list span{font-size: 15px;font-weight: 600;}
}
@media only screen and (max-width:768px){
.processbox .w1440{padding: 40px 3%;}
.processbox .titl span i{display: none;}
.processbox .list{border: 2px solid #fff;border-radius: 5px;}
.processbox .list li{border: 1px solid #fff;width: 33.33%;border-width: 0 1px 1px 0;padding: 4px;}
.processbox .list li.txt3{border-right-color: rgba(255,255,255,0);}
.processbox .list li.txt4,
.processbox .list li.txt5{border-bottom: 0;}
.processbox .list li.txt6{width: 33.33%;padding: 4px;border-color: rgba(255,255,255,0);}
.processbox .list i{padding: 25px;}
.processbox .list span{line-height: 1;padding-bottom: 20px;font-size: 16px;}
.processbox .list em{display: none;}
.processbox .list li:hover{background: rgba(255,255,255,.2);}
}
@media only screen and (max-width:480px){
.processbox .w1440{padding: 35px 3% 5%;}
.processbox .titl p em{font-size: 24px;line-height: 48px;}
.processbox .titl span em{height: 20px;}
.processbox .list i{padding: 20px;}
.processbox .list span{font-size: 14px;}
}
@media only screen and (max-width:425px){
.processbox .list i{padding: 15px;}
.processbox .list span{padding-bottom: 15px;}
}

/* news */
.newsbox{padding: 70px 0 60px;}
.newsbox .newslist{padding-top: 35px;}
.newsbox .left{width: 45%;float: left;padding: 10px 0;}
.newsbox .left ul li{width: 100%;}
.newsbox .left ul li .pic{width: 100%;overflow: hidden;border: 1px solid #e6e6e6;background: #f7f7f7;}
.newsbox .left ul li .pic p{padding-bottom: 478px;}
.newsbox .left ul li .pic p img{max-width: 90%;max-height: 90%;}
.newsbox .left ul li .txt{width: 100%;position: absolute;left: 0;bottom: 0;background: url(../images/icon11.png) no-repeat;background-size: 100% 100%;padding: 6% 20% 4% 4%;}
.newsbox .left ul li .txt .titl{width: 100%;font-size: 15px;font-weight: 600;line-height: 30px;}
.newsbox .left ul li .txt .titl a{display: block;padding: 10px 0;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsbox .left ul li .txt .text{width: 100%;height: 50px;line-height: 25px;color: #fff;overflow: hidden;}
.newsbox .left ul li .time{width: 100px;background: #fff;position: absolute;top: 0;right: 10%;border: 1px solid #e6e6e6;border-top: 0;text-align: center;padding: 5px;color: #005fb3;}
.newsbox .left ul li .time p{font-size: 36px;}
.newsbox .left ul li .time span{display: inline-block;padding: 10px 5px;border-top: 1px solid #005fb3;}

.newsbox .swiper-container-horizontal>.swiper-pagination-bullets{width: 100px;left: auto;right: 0;bottom: 7%;padding-right: 10px;}
.newsbox .swiper-pagination-bullets .swiper-pagination-bullet{padding: 4px;margin: 0 4px;}
.newsbox .swiper-pagination-bullets .swiper-pagination-bullet-active{padding: 2px;}

.newsbox .list{width: 53%;float: right;max-width: 900px;}
.newsbox .list ul li{width: 100%;padding: 10px 0;color: #fff;position: relative;line-height: 30px;}
.newsbox .list ul li[m="1"],
.newsbox .list ul li[m="2"],
.newsbox .list ul li[m="3"]{display: none;}
.newsbox .list ul li a{background: #005fb3;padding: 25px 15% 25px 7%;display: block;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 15px;font-weight: 600;}
.newsbox .list ul li span{display: block;position: absolute;right: 3%;top: 50%;margin-top: -15px;font-size: 15px;}
.newsbox .list ul li em{display: block;position: absolute;left: 3%;top: 50%;margin-top: -15px;}
.newsbox .list ul li em svg{height: 30px;line-height: 30px;}
.newsbox .list ul li:hover a{background: #fa0;}

@media only screen and (max-width:1440px){
.newsbox{padding: 60px 0;}
.newsbox .left,
.newsbox .list ul li{padding: 5px 0;}
.newsbox .left ul li .pic p{padding-bottom: 438px;}
.newsbox .list ul li a{padding-right: 16%;}
}
@media only screen and (max-width:1250px){
.newsbox{padding: 50px 0;}
.newsbox .newslist{padding-top: 30px;}
.newsbox .left{width: 49%;}
.newsbox .left ul li .pic p{padding-bottom: 388px;}
.newsbox .left ul li .txt .titl a{padding: 5px 0;}
.newsbox .left ul li .time{width: 80px;}
.newsbox .left ul li .time p{font-size: 30px;line-height: 40px;}
.newsbox .left ul li .time span{padding: 5px;}
.newsbox .list{width: 50%;}
.newsbox .list ul li{padding: 5px 0;}
.newsbox .list ul li a{padding: 20px 19% 20px 7%;}
}
@media only screen and (max-width:1024px){
.newsbox .left,
.newsbox .list ul li{padding: 3px 0 2px;}
.newsbox .left ul li .pic p{padding-bottom: 318px;}
.newsbox .left ul li .txt{padding-top: 8%;}
.newsbox .swiper-container-horizontal>.swiper-pagination-bullets{width: 75px;padding-right: 5px;}
.newsbox .swiper-pagination-bullets .swiper-pagination-bullet{padding: 5px;margin: 0 1px;}
.newsbox .swiper-pagination-bullets .swiper-pagination-bullet-active{padding: 3px;}
.newsbox .list ul li a{padding: 15px 24% 15px 9%;}
}
@media only screen and (max-width:768px){
.newsbox{padding: 45px 0;}
.newsbox .left{width: 100%;padding: 0;}
.newsbox .left ul li .pic p{padding-bottom: 65%;}
.newsbox .list,
.newsbox .list ul li{width: 100%;max-width: 100%;padding: 5px 0 0;}
.newsbox .list ul li a{padding: 15px 100px 15px 40px;}
.newsbox .list ul li span{right: 10px;margin-top: -13px;}
.newsbox .list ul li em{left: 15px;margin-top: -13px;}
}
@media only screen and (max-width:480px){
.newsbox{padding: 40px 0;}
.newsbox .newslist{padding-top: 15px;}
.newsbox .left{display: none;}
.newsbox .list ul li[m="1"],
.newsbox .list ul li[m="2"],
.newsbox .list ul li[m="3"]{display: block;}
.newsbox .list ul li a{padding: 10px 80px 10px 30px;font-size: 14px;}
.newsbox .list ul li span{right: 5px;font-size: 13px;}
.newsbox .list ul li em{left: 10px;font-size: 13px;}
}

/* contact */
.contactbox{padding: 60px 0 70px;background: #fafafa url(../images/bg1.jpg) center top no-repeat;background-attachment: fixed;}
.contactbox .title{margin-bottom: 45px;}

.contactbox .cont{background: rgba(255,255,255,.75);padding: 1.5%;}

.orderbox{width: 57%;float: right;}
.orderbox ul{padding: 2% 0;overflow: hidden;}
.orderbox ul li{width: 33%;float: left;padding-right: 30px;position: relative;margin-bottom: 10px;}
.orderbox ul li .txt{display: block;width: 100%;border-bottom: 1px solid #ccc;background: none;padding: 11px 15px 10px 70px;height: 40px;}
.orderbox ul li .tit{display: block;width: 70px;text-align: center;color: #666;line-height: 40px;position: absolute;left: 0;top: 0;}
.orderbox ul li .red{display: block;width: 15px;text-align: center;color: red;line-height: 30px;position: absolute;right: 30px;top: 50%;margin-top: -11px;}
.orderbox ul li img{position: absolute;right: 50px;top: 50%;margin-top: -9px;cursor: pointer;}

.orderbox ul li.li_2{width: 99%;}
.orderbox ul li.li_2 .txt{height: 150px;}
.orderbox ul li.li_3{width: 75%;max-width: 320px;}
.orderbox ul li.li_4{width: 90%;padding-top: 30px;}
.orderbox ul li.li_4 p{width: 50%;padding-right: 20px;max-width: 220px;float: left;}
.orderbox ul li.li_4 p input{display: block;width: 100%;line-height: 30px;padding: 12px;text-align: center;font-size: 15px;font-weight: 600;color: #fff;background: #999;cursor: pointer;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.orderbox ul li.li_4 p.tj input{background: #005fb3;}
.orderbox ul li.li_4 p:hover input{background: #fa0;}

.contactbox .mapbox{width: 40%;max-width: 650px;float: left;height: 0;padding-bottom: 400px;position: relative;}
.contactbox .mapbox iframe{position: absolute;left: 0;top: 0;z-index: 1;}

@media only screen and (max-width:1440px){
.contactbox{padding: 60px 0;}
.contactbox .title{margin-bottom: 40px;}
.orderbox ul li{padding-right: 20px;}
.orderbox ul li .red{right: 20px;}
.orderbox ul li img{right: 40px;}
.orderbox ul li.li_4 p input{padding: 10px;}
}
@media only screen and (max-width:1250px){
.contactbox{padding: 50px 0;}
.contactbox .title{margin-bottom: 35px;}
.orderbox ul{padding: 3% 0;}
.orderbox ul li{padding-right: 10px;}
.orderbox ul li .red{right: 10px;}
.orderbox ul li img{right: 30px;}
.orderbox ul li.li_2 .txt{height: 120px;}
}
@media only screen and (max-width:1024px){
.contactbox .cont{padding: 0;background: none;}
.orderbox{width: 100%;padding: 5%;background: rgba(255,255,255,.75);}
.orderbox ul{width: 104%;padding: 0;}
.orderbox ul li{padding-right: 30px;}
.orderbox ul li .red{right: 30px;}
.orderbox ul li img{right: 50px;}
.contactbox .mapbox{width: 100%;max-width: 100%;border: 1px solid #ddd;padding-bottom: 360px;}
.contactbox .mapbox::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;}
.contactbox .mapbox:hover::after{width: 0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
}
@media only screen and (max-width:768px){
.orderbox ul{width: 100%;}
.orderbox ul li.li_1,
.orderbox ul li.li_2{width: 100%;padding: 0;}
.orderbox ul li.li_3{padding: 0;max-width: 280px;}
.orderbox ul li .red{right: 0;}
.orderbox ul li img{right: 20px;}
.orderbox ul li.li_4{padding: 20px 0 0;}
.orderbox ul li.li_4 p{padding-right: 10px;max-width: 200px;}
.contactbox .mapbox{padding-bottom: 320px;}
}
@media only screen and (max-width:480px){
.contactbox{padding: 45px 0 40px;background-attachment: unset;background-size: auto 65%;}
.contactbox .title{margin-bottom: 30px;}
.orderbox{padding: 5% 5% 6%;}
.orderbox ul li.li_2 .txt{height: 100px;}
.orderbox ul li.li_4{padding-top: 15px;}
.orderbox ul li.li_4 p{max-width: 150px;}
.orderbox ul li.li_4 p input{padding: 5px;}
.contactbox .mapbox{padding-bottom: 75%;}
}
@media only screen and (max-width:425px){
}

/* links */
.linkbox{padding: 10px 0;line-height: 30px;}
.linkbox ul{width: 100%;overflow: hidden;padding-left: 85px;position: relative;min-height: 30px;}
.linkbox ul p{position: absolute;left: 0;top: 0;}
.linkbox ul li{display: inline;padding: 0 5px;}
.linkbox ul li a{white-space: nowrap;}

@media only screen and (min-width:1440px){
.footbox .txt{width:14%;padding: 0 2.5%;border-left: 1px solid rgba(255,255,255,.3);}
.footbox .txt.foot_txt{width: 24%;border: 0;}
.footbox .txt.foot_cta{max-width: 19%;}
}
@media only screen and (max-width:1024px){
.linkbox{display: none;}
}